console.log("06_webpack-初识vue...");

//1.引入 vue 
import Vue from 'vue'

/**
 * 一步一步抽离 template,
 * 1. 定义一个App常量,其实就是一个组件;
 * 2. 定义app.js;
 * 3. 最后新建 vue 文件.
*/
// const App = {
//     template:`
//         <div>
//             <h2>{{message}}</h2>
//             <button @click="btnClick">点我</button>
//         </div>
//     `,
//     data(){
//         return {
//             message:"一步一步抽离template",
//         }
//     },
//     methods:{
//         btnClick(){
//             alert("哈哈哈")
//         }
//     }
// }

//import App from './vue/app.js'
import App from './vue/App.vue'

//2.使用 vue
new Vue({
    el: '#app',
    template: '<App/>',
    components:{
        App
    }
})